chrome.extension
  .getBackgroundPage()
  .getOptionsSetting()
  .then(result => {
    let isReplaceGoogleCDN = result.isReplaceGoogleCDN
    let pageLang = result.pageLang

    document.getElementsByName('replace-google-cdn').forEach(element => {
      // 设置谷歌 CDN 替换的默认选项
      if (element.value === String(isReplaceGoogleCDN)) {
        element.checked = true
      }
      // 单选框添加 click 事件
      element.addEventListener('click', () => {
        chrome.storage.sync.set({
          isReplaceGoogleCDN: element.value === 'true',
        })
      })
    })
    // 设置 Forvo 页面语言的默认选项
    document
      .querySelectorAll("select[name='page-lang'] > option")
      .forEach(element => {
        if (element.value == pageLang) {
          element.selected = true
        }
      })
    // 选择框添加 change 事件
    document
      .querySelector("select[name='page-lang']")
      .addEventListener('change', e => {
        chrome.storage.sync.set({
          pageLang: e.target.value,
        })
      })
  })
